<template>
  <div>
    <t-card hoverShadow bordered>
      <t-descriptions title="用户信息" size="large">

        <t-descriptions-item label="用户ID">{{ userid }}</t-descriptions-item>
        <t-descriptions-item label="用户名">{{ username }}</t-descriptions-item>
        <t-descriptions-item label="电话号码">{{ userPhoneNumber }}</t-descriptions-item>
        <t-descriptions-item label="邮箱">{{ userEmail }}</t-descriptions-item>

      </t-descriptions>
    </t-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const userid = ref('001')
const username = ref('StarsAC')
const userPhoneNumber = ref('13387654321')
const userEmail = ref('starsac@starsac.cn')
</script>

<style scoped></style>
